﻿@charset "utf-8";
/* CSS Document */

/*box1*/
#wrapper .title { text-align:center;}
.box1 .title h1{ font-size:36px; font-weight:bold; color:#333333; padding:25px 0; background:url(../images/title-line_03.jpg) no-repeat center bottom;}
.box1 .title .red { color:#960f16;}
.box1 .title h2 { font-size:20px; color:#585757; margin-top:15px;}
.box1 .figure { margin:20px auto;}

/*box2*/
.box2 { background:url(../images/box2_bg_02.jpg) no-repeat center center; width:100%; height:831px;}
.box2 .title { text-align:center; width:650px; margin:0 auto; }
.box2 .title h1 { font-size:48px; color:#ffffff; font-weight:bold; padding:54px 0 20px; border-bottom:6px solid #fff;}
.box2 .title .orage { color:#ee7637;}
.box2 .title h2 { font-size:24px; color:#fff; margin-top:15px;}
.box2 .cont { margin-top:70px;}
.box2 .cont ul li { float:left; width:262px; margin-right:37px; border:1px solid #dcdcdc; border:5px solid #fff; background:#fff;}
.box2 .cont ul li h1 { color:#323232; font-size:20px; margin-top:20px; text-align:center; font-weight:bold;}
.box2 .cont ul li p {color:#8a8a8a; font-size:14px; line-height:28px; text-align:left; padding:0 19px; margin-top:200px; text-align:center; height:168px;}
.box2 .cont ul li a { display:block; text-align:center; height:42px; line-height:42px; border:2px solid #ee7637; border-radius:3px; width:155px;
margin:15px auto; font-size:16px; color:#ee7637;}
.box2 .cont ul li:hover { border:5px solid #ee7637;}
.box2 .cont ul li:hover h1{ color:#ee7637;}
.box2 .cont ul li:hover a { background:#ee7637; color:#fff;}
.box2 .cont ul .li1 { background:url(../images/box2_img_03.jpg) no-repeat center 70px #fff;}
.box2 .cont ul .li2 { background:url(../images/box2_img_05.jpg) no-repeat center 70px #fff;}
.box2 .cont ul .li3 { background:url(../images/box2_img_07.jpg) no-repeat center 70px #fff;}
.box2 .cont ul .li4 { background:url(../images/box2_img_09.jpg) no-repeat center 70px #fff; margin-right:0;}
.box2 .cont ul .li1:hover { background:url(../images/box2_img_on_03.jpg) no-repeat center 70px #fff;}
.box2 .cont ul .li2:hover { background:url(../images/box2_img_on_05.jpg) no-repeat center 70px #fff;}
.box2 .cont ul .li3:hover { background:url(../images/box2_img_on_07.jpg) no-repeat center 70px #fff;}
.box2 .cont ul .li4:hover { background:url(../images/box2_img_on_09.jpg) no-repeat center 70px #fff;}

/*box3*/
.box3 .box3-top{ margin:0 auto; width:1181px;}
.box3 .title h1{ font-size:36px; font-weight:bold; color:#333333; padding:25px 0; background:url(../images/title-line_03.jpg) no-repeat center bottom;}
.box3 .title .blue { color:#346ac9;}
.box3 .cont { width:1050px; margin:60px auto 0; background:url(../images/box3_img_03.jpg) no-repeat center right; height:365px;}
.box3 .cont .box3-ul { font-size:18px; color:#323232; width:690px; margin-top:15px;}
.box3 .cont .box3-ul li { line-height:64px; height:64px; border-bottom:1px dashed #d1d1d1;font-size:18px;}
.box3 .cont .box3-ul li img { float:left; margin:10px 15px 0 0;}

/*ads*/
.ads { width:100%; background:#2b499f; text-align:center;}

/*box4*/
.box4 { margin-top:48px;}
.text-ul { width:950px; margin:35px auto;}
.text-ul li { float:left; font-size:32px; color:#fff; margin-left:60px; width:380px; text-align:center; padding:5px; border:1px dashed #8a898f;  }
.text-ul li div{ background:#7e83ba;font-size:32px;}
.picScroll{ width:1200px; }
.picScroll .bd{ position:relative;  }
.picScroll .prev,.picScroll .next{ position: absolute; top: 189px; left:-1px; display: block; width: 26px; height: 64px; z-index: 9; overflow: hidden; }
.picScroll .prev{ background:url(../images/box4_btn_03.jpg) no-repeat; }
.picScroll .next{ left:auto; right:-1px; background:url(../images/box4_btn_05.jpg) no-repeat; }
.picScroll .scrollWrap{ width:1056px; margin:0 auto; }
.picScroll ul{ overflow:hidden; zoom:1; }
.picScroll li{ width:300px; margin:0 25px; position:relative; float:left; display:inline; border:1px solid #aeaeae; border-radius:2px; }
.picScroll li:hover { border:1px solid #e5025f;}
.picScroll li img { display:block;}
.picScroll li .bottom { padding:24px 30px; font-size:20px; color:#404496;}
.picScroll li .bottom .name {  border-bottom:1px solid #cdcdcd; padding:0 15px 15px; position:relative;}
.picScroll li .bottom .name a { font-size:12px; color:#fff; background:#434343; padding:8px 12px; border:1px solid #c7c7c7; position:absolute; right:0; top:0;}
.picScroll li .bottom .text{ font-size:14px; color:3897aa5; text-align:center; line-height:22px; margin-top:15px;}
.box4 .more { font-size:16px; color:#555b8f; width:1005px; text-align:center; height:55px; line-height:55px; border:2px solid #3d4399; display:block; margin:45px auto 0;}

/*box5*/
.box5 { background:url(../images/box5_02.jpg) no-repeat center bottom; width:100%; height:815px; margin-top:50px;}
.box5 .left { width:865px; float:left;}
.box5 .left h1 { font-size:32px; color:#252525; padding-top:135px; text-align:center; font-weight:bold;}
.box5-ul { margin-top:30px;}
.box5-ul li { float:left; margin:32px 16px 0 0;}
.box5 .left .more { font-size:16px; color:#fff; width:182px; height:46px; text-align:center; line-height:46px; background:#252525; display:block; margin:20px auto 0; border-radius:5px;}

/*box6*/
.box6 { margin:45px auto;}
.box6 .title { background:url(../images/box6_title_03.jpg) no-repeat center bottom; width:707px; height:132px; margin:0 auto;}
.box6 .title h1 { font-size:38px; color:#373636; font-weight:bold;}
.box6 .title h2 { font-size:24px; color:#0073fb;}
.box6-ul li { float:left; margin:0 24px; padding:3px; border:1px solid #d8d8d8; margin-top:32px;}
.box6-ul li .figure { width:343px; height:260px; overflow:hidden;margin-bottom:2px;}
.box6-ul li img { display:block; width:343px; height:260px; transition-property:all; transition-duration:0.5s;}
.box6-ul li:hover img { transform:scale(1.2);}
.box6-ul li p { line-height:1.5; padding:15px 0; font-size:16px; text-align:center; background:#3b3b3b; color:#fff;}

/*box7*/
.box7 { background:url(../images/box7_02.jpg) center no-repeat; width:100%; height:414px;}
.box7 img { width:745px; height:357px; margin:0 auto; display:block; padding-top:74px;}

